*{margin:0;padding:0;box-sizing:border-box}*::-webkit-outer-spin-button,*::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;display:none!important}*::-webkit-scrollbar-button{display:none!important;height:0!important;width:0!important}input[type=number],textarea[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}:root{--rose-primary: #FF6B9D;--rose-dark: #E85D8A;--rose-light: #FF85B0;--rose-glow: #FFB3D9;--coral-accent: #FF8A80;--bg-main: #0a0a12;--bg-chamber: linear-gradient(180deg, #0a0a12 0%, #1a1520 50%, #0a0a12 100%);--bg-message: #1a1520;--bg-user: #1a1a24;--bg-assistant: rgba(255, 107, 157, .08);--bg-hover: #2a1f2f;--text-primary: #f5f5f5;--text-secondary: #e8c4d4;--text-tertiary: #b89aaa;--border: rgba(255, 107, 157, .25);--border-light: rgba(255, 107, 157, .12);--shadow: rgba(255, 107, 157, .35);--shadow-md: rgba(255, 107, 157, .5);--gradient: linear-gradient(135deg, #FF6B9D, #FFB3D9);--gradient-hover: linear-gradient(135deg, #FF85B0, #FFC9E6);--glow: 0 0 30px rgba(255, 107, 157, .35);--glow-strong: 0 0 50px rgba(255, 107, 157, .55)}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif;background:#000;color:var(--text-primary);line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}.chat-container{display:flex;flex-direction:column;height:100vh;width:100%;max-width:556px;margin:0 auto;background:linear-gradient(to bottom,#0000000d,#00000026),url(https://chat-agent.cdn.seaart.me/session-ef0affeb-a859-4a53-a073-53887a73d096/session-ef0affeb-a859-4a53-a073-53887a73d096/session-ef0affeb-a859-4a53-a073-53887a73d096/31b9c47f5d4fb0854c093d1555ab1b53.webp/0) center center / cover no-repeat;position:relative;z-index:1;border-left:1px solid rgba(40,40,40,.3);border-right:1px solid rgba(40,40,40,.3)}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#1a152073;border-bottom:1px solid rgba(255,107,157,.15);flex-shrink:0;height:60px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;z-index:100}.header-left,.header-right,.logo{display:flex;align-items:center;gap:.75rem}.logo svg{filter:drop-shadow(var(--glow))}.logo-text{font-size:1.25rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.05em;text-shadow:0 0 20px rgba(255,107,157,.3)}.icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,107,157,.2);background:#1a152040;color:var(--text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:0}#langBtn{width:auto;min-width:60px;padding:0 .75rem;border-radius:20px}#langBtn svg{flex-shrink:0}.icon-btn:hover{background:var(--bg-hover);color:var(--rose-glow);border-color:var(--rose-primary);transform:scale(1.1);box-shadow:var(--glow)}.icon-btn:active{transform:scale(.95)}.chat-messages{flex:1;overflow-y:auto;padding:2rem 1rem 1rem;scroll-behavior:smooth;background:transparent;position:relative;max-width:556px;width:100%;margin:0 auto;box-sizing:border-box}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:var(--rose-primary);border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--rose-light)}.message-group{margin-bottom:2.5rem;animation:fadeInUp .5s ease-out;max-width:100%;width:100%;box-sizing:border-box}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message{display:flex;gap:1rem;max-width:100%;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}.message.user{flex-direction:row-reverse}.message-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-message);border:2px solid var(--rose-primary);color:var(--text-secondary);transition:all .3s;overflow:hidden;position:relative}.message.assistant .message-avatar{background:transparent;border:3px solid var(--rose-glow);box-shadow:var(--glow-strong);animation:avatarPulse 3s ease-in-out infinite}@keyframes avatarPulse{0%,to{box-shadow:0 0 30px #ff6b9d66;border-color:var(--rose-glow)}50%{box-shadow:0 0 50px #ff6b9db3;border-color:var(--rose-light)}}.message-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1}.message.user .message-avatar{background:var(--bg-user);border:2px solid var(--border-light);box-shadow:none}.message-content{flex:1;color:var(--text-primary);line-height:1.8;font-size:1rem;max-width:100%;min-width:0;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.message.assistant .message-content{background:#ff6b9d03;padding:1.25rem;border-radius:16px;border:1px solid rgba(255,107,157,.08);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%;width:100%;box-sizing:border-box}.message.user .message-content{text-align:right;background:#1414141a;padding:1rem 1.25rem;border-radius:16px;border:1px solid rgba(255,107,157,.05);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:100%;width:100%;box-sizing:border-box}.message-content p{margin:.5rem 0}.message-content strong{font-weight:600;color:var(--rose-glow);text-shadow:0 0 10px rgba(255,107,157,.3)}.welcome-text{animation:fadeIn 1s ease-out;max-width:100%;box-sizing:border-box}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.welcome-text h2{font-size:1.75rem;font-weight:700;margin-bottom:1rem;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;text-shadow:0 0 30px rgba(255,107,157,.5)}.welcome-text p{font-size:1rem;color:var(--text-secondary);margin:.75rem 0}.welcome-text ul{list-style:none;padding-left:0;margin:1rem 0}.welcome-text li{padding-left:0;margin:.75rem 0;font-size:.95rem;color:var(--text-primary)}.user-image-preview{width:120px;height:120px;border-radius:16px;overflow:hidden;border:2px solid var(--border);background:var(--bg-message);box-shadow:0 4px 12px var(--shadow)}.user-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-container{width:100%;max-width:100%;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 24px var(--shadow-md),0 0 0 2px var(--border);margin:1rem 0;box-sizing:border-box}.video-container video{width:100%;height:auto;max-height:70vh;-o-object-fit:contain;object-fit:contain;display:block;background:#000}.image-container{width:100%;max-width:100%;margin-top:1rem;box-sizing:border-box}.image-container img{width:100%;max-width:100%;height:auto;border-radius:12px;display:block;-o-object-fit:contain;object-fit:contain}.result-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;text-decoration:none;white-space:nowrap}.action-btn.primary{background:var(--gradient);color:#fff;box-shadow:var(--glow)}.action-btn.primary:hover{background:var(--gradient-hover);transform:translateY(-3px) scale(1.02);box-shadow:var(--glow-strong)}.action-btn.secondary{background:#1a152040;color:var(--text-primary);border:2px solid var(--rose-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.action-btn.secondary:hover{background:var(--bg-hover);border-color:var(--rose-glow);color:var(--rose-glow);transform:translateY(-3px) scale(1.02);box-shadow:var(--glow)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.typing-indicator{display:flex;gap:.5rem;padding:1rem 0;max-width:100%;box-sizing:border-box}.typing-indicator span{width:10px;height:10px;border-radius:50%;background:var(--rose-glow);animation:typing 1.4s infinite;box-shadow:0 0 12px #ff6b9d99}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-10px);opacity:1;box-shadow:0 0 20px #ff6b9dcc}}.progress-hint{color:var(--text-secondary);font-size:.875rem;margin-top:.5rem;font-style:italic;animation:fadeInOut 2s ease-in-out infinite;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.chat-input-container{flex-shrink:0;padding:1rem 1rem 1.5rem;background:#1a152080;border-top:1px solid rgba(255,107,157,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.chat-input-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--rose-glow),transparent);animation:borderFlow 3s ease-in-out infinite}@keyframes borderFlow{0%,to{opacity:.3}50%{opacity:.8}}.input-image-preview{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;max-width:100%}.input-image-item{position:relative;width:80px;height:80px;border-radius:12px;overflow:hidden;border:2px solid var(--border);background:var(--bg-message);transition:all .3s}.input-image-item:hover{border-color:var(--rose-primary);transform:scale(1.05);box-shadow:var(--glow)}.input-image-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.input-remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000c;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;opacity:0}.input-image-item:hover .input-remove-image-btn{opacity:1}.input-remove-image-btn:hover{background:var(--rose-light);transform:scale(1.1)}.upload-status{position:absolute;bottom:4px;left:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.upload-status.uploading{background:#ff6b9de6;color:#fff;animation:pulse 1.5s ease-in-out infinite}.upload-status.success{background:#22c55ee6;color:#fff}.upload-status.error{background:#ef4444e6;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.input-wrapper{display:flex;align-items:flex-end;gap:.75rem;max-width:100%;background:#1a152040;border:2px solid rgba(255,107,157,.2);border-radius:24px;padding:.5rem;transition:all .3s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.input-wrapper input::-webkit-outer-spin-button,.input-wrapper input::-webkit-inner-spin-button,.input-wrapper textarea::-webkit-outer-spin-button,.input-wrapper textarea::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0;display:none}.input-wrapper input[type=number],.input-wrapper textarea[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.input-wrapper *::-webkit-scrollbar-button{display:none;height:0;width:0}.input-wrapper:focus-within{border-color:var(--rose-glow);box-shadow:0 0 0 4px #ff6b9d1f,var(--glow);background:#1a152066}.attach-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .3s;flex-shrink:0;-webkit-tap-highlight-color:transparent}.attach-btn:hover,.attach-btn:active{background:var(--bg-hover);color:var(--rose-glow);transform:scale(1.1)}#promptInput{flex:1;min-height:44px;max-height:150px;padding:.75rem .5rem;border:none;background:transparent;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;resize:none;outline:none;-webkit-tap-highlight-color:transparent;scrollbar-width:none;-ms-overflow-style:none}#promptInput::-webkit-scrollbar{display:none;width:0;height:0}#promptInput::-webkit-outer-spin-button,#promptInput::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#promptInput[type=number]{-moz-appearance:textfield}#promptInput::-moz-placeholder{color:var(--text-tertiary)}#promptInput::placeholder{color:var(--text-tertiary)}.send-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:none;background:var(--gradient);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:var(--glow);-webkit-tap-highlight-color:transparent}.send-btn:hover:not(:disabled),.send-btn:active:not(:disabled){background:var(--gradient-hover);transform:scale(1.1);box-shadow:var(--glow-strong)}.send-btn:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.input-hint{text-align:center;margin-top:.75rem;font-size:.8125rem;color:var(--text-tertiary);max-width:100%}@media(min-width:769px){body{display:flex;justify-content:center;align-items:center;background:#000}.chat-container{border-radius:24px;overflow:hidden}}@media(max-width:768px){.chat-header{padding:.75rem 1rem;height:56px}.logo-text{font-size:1.125rem}.chat-messages{padding:1.5rem .75rem 1rem}.message{padding:0 .5rem}.message-avatar{width:44px;height:44px}.message-content{font-size:.9375rem;max-width:100%}.message.assistant .message-content{padding:1rem;border-radius:12px}.message.user .message-content{padding:.875rem 1rem;border-radius:12px}.welcome-text h2{font-size:1.5rem}.chat-input-container{padding:1rem .75rem 1.25rem}.input-wrapper{border-radius:22px}#promptInput{font-size:1rem}.attach-btn,.send-btn{width:42px;height:42px}.action-btn{padding:.75rem 1.25rem;font-size:.875rem;flex:1;justify-content:center}.result-actions{width:100%}.video-container video{max-height:60vh}}@supports (padding: max(0px)){.chat-input-container{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}@media(hover:none)and (pointer:coarse){.icon-btn:active,.attach-btn:active,.send-btn:active,.action-btn:active{transform:scale(.95)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*:focus-visible{outline:2px solid var(--rose-glow);outline-offset:2px}